<div data-hook="admin_tax_rate_form_fields">
    <fieldset data-hook="tax_rates" class=" no-border-bottom">
      <legend align="center"><%= Spree.t(:general_settings) %></legend>
      <div class="row">

        <div class="col-xs-5">
          <div data-hook="name" class="field">
            <%= f.label :name %>
            <%= f.text_field :name, :class => 'fullwidth' %>
          </div>
          <div data-hook="rate" class="field">
            <%= f.label :amount %>
            <%= f.text_field :amount, :class => 'fullwidth' %>
            <br/><span class="info"><%= Spree.t(:tax_rate_amount_explanation) %></span>
          </div>
          <div data-hook="included" class="field">
            <%= f.check_box :included_in_price %>
            <%= f.label :included_in_price, Spree.t(:included_in_price) %>
          </div>
        </div>

        <div class="col-xs-5">
          <div data-hook="zone" class="field">
            <%= f.label :zone, Spree::Zone.model_name.human %>
            <%= f.collection_select(:zone_id, @available_zones, :id, :name, {}, {:class => 'select2 fullwidth'}) %>
          </div>
          <div data-hook="category" class="field">
            <%= f.label :tax_category_id, Spree::TaxCategory.model_name.human %>
            <%= f.collection_select(:tax_category_id, @available_categories,:id, :name, {}, {:class => 'select2 fullwidth'}) %>
          </div>
          <div data-hook="show_rate" class="field">
            <%= f.check_box :show_rate_in_label %>
            <%= f.label :show_rate_in_label, Spree.t(:show_rate_in_label) %>
          </div>
        </div>
      </div>
    </fieldset>

  <div class="clear"></div>

  <%= render 'spree/admin/shared/calculator_fields', :f => f %>
</div>
